@charset "utf-8";
/* CSS Document */
html,body,div,p,form,label,ul,li,dl,dt,dd,ol,img,button,h1,h2,h3,h4,h5,h6,b,em,strong,small{margin:0;padding:0;border:0;list-style:none;font-style:normal;font-weight:normal;}
dl,dt,dd{display:block;margin:0;}
a{text-decoration:none;}
body{font-family:Microsoft YaHei,Verdana,Arial,SimSun;color:#666;font-size:14px;background:#f6f6f6; overflow:hidden;background-image: url(../images/debut_dark_@2X.png);}
.block, #block{display:block;}
.none, #none{display:none;}
/*****头部和尾部******/
.top{height:5px;line-height:5px;background:#f6f6f6;width:100%;position:fixed;z-index:255;top:52px;text-align:center;}
#header{height:50px;line-height:80px;width:100%;position:absolute;z-index:5;top:0;text-align:center;background-image: url(../images/debut_dark_@2X.png);}
.logo{line-height:80px;font-size:23px;color:#fff; letter-spacing:3px;margin-left:80px;float:left;margin-top: -13px;}
.navigation{float:right;margin:25px 50px 0 0;color:#fff;font-size:15px;margin-top: 14px;}
.navigation ul li{height:30px;line-height:30px;text-align:center;float:left;margin-left:15px;}
.navigation ul li a{color:#fff;}
.navigation ul li a:hover{color:#608ce9;}
.navigation ul li img{
    width:50px;
    height:50px;
    border-radius: 50%;
    margin-top: -10px;
}
/*****主体部分******/
#content{ width:100%;top:57px;position:absolute;z-index:10;bottom:10px;background-image: url(../images/debut_dark_@2X.png);}
/**左侧菜单***/
.left_menu{float:left;width:300px;height:100%;position:absolute;top:0;left:0;overflow:auto;border-left:5px solid #f6f6f6;background-image: url(../images/debut_dark_@2X.png);}
.left_menu ul li {width:300px; display:inline; }
.left_menu ul li .list-item a{width:295px;padding-left:110px;text-decoration:none;font-size:14px;color:#f5f5f5;line-height:30px;display:block;}
.left_menu ul li a.noline { border-bottom:none; }
.left_menu ul li a:hover{ background: rgba(255,255,255, .1) }
.left_menu ul li a.selected:hover { color:#fff; }
.left_menu ul li h4 { cursor:pointer; background:url(../images/bg1.png) no-repeat 270px 18px; padding-left:60px; text-decoration:none; font-size:16px; color:#f5f5f5; display:block;  line-height:48px;font-weight: bold; text-shadow: 0 -1px rgba(0,0,0, .5);border-bottom: 1px solid rgba(0,0,0, .2) }
.left_menu ul li h4:hover { background: rgba(255,255,255, .1) }
.left_menu ul li.noline { border-bottom:none; }
.left_menu ul li.selected h4 { background-position:270px -45px;background-color:rgba(0,0,0, .3);}
.left_menu li .list-item { padding:5px 0; position:relative; zoom:1 ;background:rgba(24, 24, 24, 0.3);;overflow:hidden}
.left_menu h4 span{display: block;float: left;width: 30px;height: 26px;margin-right: 10px;padding-right: 10px;background-repeat: no-repeat;margin-top: 12px;}
.M1 span{background:url(../images/ioc.png) -4px -6px;}
.M2 span{background:url(../images/ioc.png) -36px -6px;}
.M3 span{background:url(../images/ioc.png) -72px -6px;}
.M4 span{background:url(../images/ioc.png) -36px -40px;}
.M5 span{background:url(../images/ioc.png) -72px -40px;}
.M6 span{background:url(../images/ioc.png) -1px -40px;}
.M7 span{background:url(../images/ioc.png) -1px -70px;}
.M8 span{background:url(../images/ioc.png) -36px -70px;}
.M9 span{background:url(../images/ioc.png) -72px -70px;}
.M10 span{background:url(../images/ioc.png) -3px -105px;}
/***右侧内容****/
.m-right{margin-left:300px;height:100%;}
.main{width:100%;height:100%;padding: 12px;box-shadow: 0 0 10px rgba(0,0,0, .3);}                                           